<!DOCTYPE html>
<html lang="en" xmlns:th="http//www.thymeleaf.org">
<head>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">

    <title>二手书城</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Customizable CSS -->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/green.css">
    <link rel="stylesheet" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/jquery-ui.min.css">


    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Icons/Glyphs -->
    <link rel="stylesheet" href="css/elegant-fonts.css">

    <!-- Favicon -->
    <link rel="shortcut icon" href="./images/favicon.ico">

</head>
<body>
        <!-- ============================================================= HEADER ============================================================= -->
        <header class="header">
            <!-- 主页面最上面部分 -->
           <!-- ============================================================= NAVBAR TOPBAR ============================================================= -->
           <nav class="navbar navbar-top-bar navbar-static-top">
               <div class="container">
                   <ul class="navbar-nav nav navbar-right">
                        <li th:text="'你好: ' + ${session.username}"></li> <!-- 登录界面-->
                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                       <a th:href="@{/logout}">登出</a>
                   </ul><!-- /.navbar-nav -->

               </div><!-- /.container-->
           </nav><!-- /.navbar-->
            <!-- ============================================================= NAVBAR PRIMARY ============================================================= -->

            <!-- ============================================================= NAVBAR PRIMARY : END ============================================================= -->

   </header><!-- /.header -->

    <!-- ============================================================= HEADER : END ============================================================= -->

    <!--主页第二行-->
    <div class="content">
        <div class="breadcrumb-container">
            <div class="container">
                <ul class="breadcrumb pull-left">
                    <li><a href="index">主页</a></li>
                    <li><a href="myitem.html">我的商品</a></li>
                    <li><a href="order.html">我的订单</a></li>
                </ul><!-- /.breadcrumb -->
            </div><!-- /.container -->
        </div><!-- /.breadcrumb-container -->


   <!--主页主要内容-->
        <div class="category page">
            <div class="container">

                    <!--书籍内容+日期+分类选择
                      -->
                <div class="page-body">
                    <div class="row">
                        <!-- ========================================= CONTENT ========================================= -->
                        <div class="col-sm-8 col-sm-push-2">

                        <!--从这里开始是书籍内容
                      -->
                      <div class="tab-content">
                        <div class="tab-pane active  wow fadeInUp" id="grid" role="tabpanel">
                            <div class="category-books books grid-view">
                                <div class="row">
                                    <div class="col-md-4 col-sm-6" th:each="goods:${session.allGoods}">
<!--    *********************************************************************-->
                                        <div class="book">
                                            <div class="book-cover">
                                                <div class="book-inner">
                                                    <img th:src="${goods.imgUrl}" width="193" height="261" alt="">
                                                    <div class="fade"></div>
                                                    <div class="book-price">

                                                        <span class="price" th:text="${goods.goodsPrice}">
                                                            $ 9.99                      </span>
                                                        </div><!-- /.book-price -->

                                                        <div class="cart animate-effect">
                                                            <div class="action">
                                                                <a class="add-to-cart" onclick="disp_confirm()" th:href="@{addOrder(buyerId=${session.userId},goodsId=${goods.goodsId})}" title="Add to Cart">
                                                                    <i class="icon icon-plus fa fa-plus-circle"></i>
                                                                </a>

                                                            </div><!-- /.action -->
                                                        </div><!-- /.cart -->
                                                    </div><!-- /.book-inner -->
                                                </div><!-- /.book-cover -->


                                                <div class="book-details">
                                                    <h3 class="book-title" th:text="${goods.goodsName}">高等数学</h3>

                                                    <div th:text="${goods.username}"></div>

<!--                                                    <div class="star-rating">-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star "></i>-->
<!--                                                    </div>&lt;!&ndash; /.star-rating &ndash;&gt;-->

                                                </div><!-- /.book-details -->
                                            </div><!-- /.book -->

                                        </div>
<!--    *********************************************************************-->
                                </div>
                            </div><!-- /.category-books -->
                        </div><!-- /.tab-pane -->
                      </div><!-- /.tab-content -->

                        </div><!-- /.col -->

                    </div><!-- /.row -->
                </div><!-- /.page-body -->
            </div><!-- /.container -->
        </div><!-- /.category page -->

        <a class="scrollup hidden-xs hidden-sm" href="#" style="display: none;"><img src="../static/images/top-scroll.png" alt="" ></a>
    </div>



                                    <!-- JavaScripts placed at the end of the document so the pages load faster -->

                                    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

                                    <script src="../static/js/jquery-1.12.0.min.js"></script>
                                    <script src="../static/js/bootstrap.min.js"></script>
                                    <script src="../static/js/bootstrap-hover-dropdown.min.js"></script>
                                    <script src="../static/js/echo.min.js"></script>
                                    <script src="../static/js/jquery.easing.min.js"></script>
                                    <script src="../static/js/owl.carousel.min.js"></script>
                                    <script src="../static/js/wow.min.js"></script>
                                    <script src="../static/js/bootstrap-select.min.js"></script>
                                    <script src="../static/js/jquery-ui.min.js"></script>
                                    <script src="../static/js/scripts.js"></script> <!--  下面是点击购买……-->
                                    <script type="text/javascript">
                                        function disp_confirm()
                                          {
                                         var r=confirm('是否购买？');
                                          if (r==true)
                                            {

                                            }
                                          else
                                            {

                                            }
                                          }
                                        </script>
                                </body>
                                </html>